<template>
    <div>
        <h2>销售统计图</h2>

        <div class="EchartPractice">
            <div id="main">

            </div>
        </div>

    </div>
</template>

<script>
    export default {
        name: "SalesCountView",
        data(){
            return{
               // xAxisData:[{
               //  goodsFactory:'',
               // }],
               //
               //  seriesData:[
               //      { number:'',}
               //  ],
                aa:'',
                bb:[],

                xAxisData:["香蕉","橘子","葡萄",],//厂家集合
                seriesData:[50,60,45,30,],//数量集合


            }
        },

        mounted() {
            this.init1()
        },

        methods:{
            init1(){

                this.$axios.get("api/buy/findNumberByItem").then(
                    r=>{
                        console.log(r.data)
                        this.xAxisData =["苹果","香蕉","橘子","葡萄",];
                        this.seriesData=[150,600,450,300,];
                        // let array2=r.data;

                        //  array=r.data.map(function (item) {
                        //   return item[0];
                        // });
                        //
                        // let obj = r.data
                        // this.xAxisData.goodsFactory= obj.goodsFactory
                        // // alert(array)
                        // // alert(r.data)
                        //
                        //
                        //  array1=r.data.map(function (item) {
                        //   return item[2];
                        // });
                        // this.seriesData.number=obj.number;


                    });

            },


            init() {
                let myEchart = this.$echarts.init(document.getElementById("main"));


                let option = {
                    title:{
                        text:"Vue中使用Echarts小练习"
                    },
                    tooltip:{},
                    legend:{
                        data:["数量"]
                    },
                    xAxis:{
                        data:this.xAxisData,

                    },
                    yAxis:{},
                    series:[{
                        name:'销量',
                        type:"number",
                        data:this.seriesData,
                        // data:[50,60,45,30,]
                    }]
                };
                myEchart.setOption(option);
            },


        },

    }
</script>

<style scoped>
    #main {
        width: 600px;
        height:400px;
        margin: auto;
        margin-top: 100px
    }
</style>